.details {
	padding: 12px;
	background: #ffffff;
	border-radius: @border-radius-base;

	.title {
		border-bottom: 1px solid #dddddd;
		line-height: 48px;
		font-size: 16px;
	}

	.required {
		label::before {
			display: inline-block;
			margin-right: 4px;
			color: #ff4d4f;
			font-size: 14px;
			font-family: SimSun, sans-serif;
			line-height: 1;
			content: '*';
		}
	}

	.uploadWrap {
		border-color: rgba(0, 0, 0, 0.06);
		width: 100%;
		max-width: 800px;

		tr:first-child {
			td {
				text-align: center;
				color: @text-color;
			}
		}

		tr {
			height: 48px;
			color: @primary-color;

			td:first-child {
				color: @text-color;
				background: #fafafa;
				width: 150px;
				text-align: center;
				padding: 0 12px;
			}

			td:nth-of-type(2) {
				padding: 0 12px;

				> span {
					display: block;
				}
			}

			td:nth-of-type(3) {
				width: 120px;
				text-align: center;
			}
		}
	}

	.wrap {
		margin-top: 30px;
		display: flex;
		justify-content: center;

		button {
			margin: 0 6px;
		}
	}

	.tip {
		display: inline-block;
		width: 10px;
		height: 10px;
		border-radius: 5px;
		background-color: @primary-color;
		margin-right: 8px;
	}

	:global {
		.ant-upload-drag {
			display: none;
		}
		.ant-collapse-item {
			margin-bottom: 12px;
			border-radius: @border-radius-base;
			box-shadow: 0px 2px 8px 0px rgba(39, 50, 49, 0.2);
		}
	}
}
.modal {
	.uploadWrap {
		border-color: rgba(0, 0, 0, 0.06);
		width: 100%;
		max-width: 800px;

		tr:first-child {
			td {
				text-align: center;
				color: @text-color;
			}
		}

		tr {
			height: 48px;
			color: @primary-color;

			td:first-child {
				color: @text-color;
				background: #fafafa;
				width: 150px;
				text-align: center;
				padding: 0 12px;
			}

			td:nth-of-type(2) {
				padding: 0 12px;

				> span {
					display: block;
				}
			}

			td:nth-of-type(3) {
				width: 120px;
				text-align: center;
			}
		}
	}
	:global {
		.ant-upload-drag {
			display: none;
		}
	}
}
